<!DOCTYPE html>

<html lang="en">

<script src="/js/packages/echarts.js"></script>
<link rel="stylesheet" href="/css/all.css" />
<link rel="stylesheet" href="/css/report/report.css" />

  <#include "/common/base.html" />
  <@head "生成报告" />
  <body class="nav-md">
  <div class="container body">
    <div class="main_container">
      <#include "/common/sidebar.html" />
      <#include "/common/topbar.html" />
      <div class="right_col" role="main">
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
          	<div id="container">
          		<div id="right-navigation" class="col-sm-10">
          			<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>类别1</h4>
	                    	<li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-1001"  type="checkbox" value="" /></div>
									<span id="graph-name-1001" class="graph-name">&nbsp;专利申请趋势图</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>类别2</h4>
	                    	<li class = "list-item">
	                    		<div>
									<div  class = "graph-select"><input id="graph-selct-2001"  type="checkbox" value="" /></div>
									<span id="graph-name-2001" class="graph-name">&nbsp;国家/地区专利申请量</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>类别3</h4>
	                    	<li class = "list-item">
	                    		<div>
									<div  class = "graph-select"><input id="graph-selct-3001"  type="checkbox" value="" /></div>
									<span id="graph-name-3001" class="graph-name">&nbsp;国家/地区专利申请量</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>类别4</h4>
							<li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-4001"  type="checkbox" value="" /></div>
									<span id="graph-name-4001" class="graph-name">&nbsp;专利申请重点技术领域</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>类别5</h4>
							<li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5001"  type="checkbox" value="" /></div>
									<span id="graph-name-5001" class="graph-name">&nbsp;专利申请趋势</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5002"  type="checkbox" value="" /></div>
									<span id="graph-name-5002" class="graph-name">&nbsp;专利授权趋势</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5003"  type="checkbox" value="" /></div>
									<span id="graph-name-5003" class="graph-name">&nbsp;申请/授权图</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5004"  type="checkbox" value="" /></div>
									<span id="graph-name-5004" class="graph-name">&nbsp;专利申请类型</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5005"  type="checkbox" value="" /></div>
									<span id="graph-name-5005" class="graph-name">&nbsp;专利法律状态</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5006"  type="checkbox" value="" /></div>
									<span id="graph-name-5006" class="graph-name">&nbsp;排名前20企业/研发机构</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5007"  type="checkbox" value="" /></div>
									<span id="graph-name-5007" class="graph-name">&nbsp;排名前10企业年度申请</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5008"  type="checkbox" value="" /></div>
									<span id="graph-name-5008" class="graph-name">&nbsp;排名前10企业专利类型</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5009"  type="checkbox" value="" /></div>
									<span id="graph-name-5009" class="graph-name">&nbsp;5大技术国高价值专利占比</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5010"  type="checkbox" value="" /></div>
									<span id="graph-name-5010" class="graph-name">&nbsp;专利技术价值分布</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5011"  type="checkbox" value="" /></div>
									<span id="graph-name-5011" class="graph-name">&nbsp;高价值专利国家分布</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-5012"  type="checkbox" value="" /></div>
									<span id="graph-name-5012" class="graph-name">&nbsp;高价值专利企业分布</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>类别6</h4>
							<li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-6001"  type="checkbox" value="" /></div>
									<span id="graph-name-6001" class="graph-name">&nbsp;专利技术申请趋势</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
	                <div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>类别7</h4>
							<li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-7001"  type="checkbox" value="" /></div>
									<span id="graph-name-7001" class="graph-name">&nbsp;重点专利申请授权趋势</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>类别8</h4>
							<li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8011"  type="checkbox" value="" /></div>
									<span id="graph-name-8011" class="graph-name">&nbsp;重点专利申请授权趋势</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8021"  type="checkbox" value="" /></div>
									<span id="graph-name-8021" class="graph-name">&nbsp;重点专利法律状态</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8022"  type="checkbox" value="" /></div>
									<span id="graph-name-8022" class="graph-name">&nbsp;重点专利法律状态(汇总)</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8008"  type="checkbox" value="" /></div>
									<span id="graph-name-8008" class="graph-name">&nbsp;国家地区专利申请量</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8031"  type="checkbox" value="" /></div>
									<span id="graph-name-8031" class="graph-name">&nbsp;申请前10年度申请趋势</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8041"  type="checkbox" value="" /></div>
									<span id="graph-name-8041" class="graph-name">&nbsp;五大技术来源国市场分布</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8071"  type="checkbox" value="" /></div>
									<span id="graph-name-8071" class="graph-name">&nbsp;各省份专利申请量排名</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8101"  type="checkbox" value="" /></div>
									<span id="graph-name-8101" class="graph-name">&nbsp;各省份专利申请量排名</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8111"  type="checkbox" value="" /></div>
									<span id="graph-name-8111" class="graph-name">&nbsp;申请量前20企业/研发机构</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8121"  type="checkbox" value="" /></div>
									<span id="graph-name-8121" class="graph-name">&nbsp;企业/研发机构申请趋势</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8122"  type="checkbox" value="" /></div>
									<span id="graph-name-8122" class="graph-name">&nbsp;企业/研发机构申请趋势</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8141"  type="checkbox" value="" /></div>
									<span id="graph-name-8141" class="graph-name">&nbsp;申请量前20发明人</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-selct-8015"  type="checkbox" value="" /></div>
									<span id="graph-name-8015" class="graph-name">&nbsp;前10发明人专利法律状态</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					
					<div id="select-detail">
		            	<h4 style="text-align:center">已选择的分析项</h4>
		                <div class="detail-div">
		                	<ul id="show-graph-select" class="without-style">
		                    </ul>
		                </div>
		                <p class="report-button"><button id="report-btn" type="button" class="btn btn-info">生成报告</button></p>
		            </div>
					
					
          		</div>
          	</div>
          </div>
        </div>
        <br/>

      </div>
    </div>
    
    
    
    <div>
    	<div id="graph-hidden-1001"></div>
    </div>
    <div>
    	<div id="graph-hidden-2001"></div>
    </div>
    <div>
    	<div id="graph-hidden-3001"></div>
    </div>
    <div>
    	<div id="graph-hidden-4001"></div>
    </div>
    <div>
    	<div id="graph-hidden-5001"></div>
    	<div id="graph-hidden-5002"></div>
    	<div id="graph-hidden-5003"></div>
    	<div id="graph-hidden-5004"></div>
    	<div id="graph-hidden-5005"></div>
    	<div id="graph-hidden-5006"></div>
    	<div id="graph-hidden-5007"></div>
    	<div id="graph-hidden-5008"></div>
    	<div id="graph-hidden-5009"></div>
    	<div id="graph-hidden-5010"></div>
    	<div id="graph-hidden-5011"></div>
    	<div id="graph-hidden-5012"></div>
    </div>
    <div>
    	<div id="graph-hidden-6001"></div>
    </div>
    <div>
    	<div id="graph-hidden-8011"></div>
	    <div id="graph-hidden-8021"></div>
	    <div id="graph-hidden-8022"></div>
	    <div id="graph-hidden-8008"></div>
	    <div id="graph-hidden-8031"></div>
	    <div id="graph-hidden-8041"></div>
	    <div id="graph-hidden-8071"></div>
	    <div id="graph-hidden-8101"></div>
	    <div id="graph-hidden-8111"></div>
	    <div id="graph-hidden-8121"></div>
	    <div id="graph-hidden-8122"></div>
	    <div id="graph-hidden-8141"></div>
	    <div id="graph-hidden-8015"></div>
    </div>
  	
  	
	<div class="modal fade" id="graph-show" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog graph-dialog" >
            <div class="modal-content graph-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">图形显现</h4>
                </div>
                <div class="modal-body graph-body" id="all-graphs">
                    <div id = 'content-graph-hidden' class='show-graph' >
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
                
            </div><!-- /.modal-content -->
	    </div><!-- /.modal-dialog -->
    </div>
  	
  	<div class="modal fade" id="report-download" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <div class="modal-dialog graph-dialog" >
	        <div class="modal-content graph-content">
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	                <h4 class="modal-title" id="myModalLabel">报告生成</h4>
	            </div>
	            <div class="modal-body graph-body">
	            	
	            	<div class="progress">
					    <div id = "show-bar" class="progress-bar" role="progressbar" aria-valuenow="60" 
					        aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
					        <span class="sr-only">20% 完成</span>
					    </div>
					</div>
	            	
	           		<div class="clear"></div>
	            </div>
	            <div class="modal-footer">
	            	<a id="download-report" href="/report/download/wordres/" class="btn btn-primary disabled" role="button">下载</a>
	            	<a class="btn btn-default" role="button" data-dismiss="modal">关闭</a>
	            </div>
	            
	        </div><!-- /.modal-content -->
	    </div><!-- /.modal-dialog -->
	</div>
  	
  	
  	
  </div>

	
  <!-- jQuery -->
<script src="/vendors/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 
<script src="/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
-->
<!-- FastClick -->
<script src="/vendors/fastclick/lib/fastclick.js"></script>
<!-- NProgress -->
<script src="/vendors/nprogress/nprogress.js"></script>
<!-- Chart.js -->
<script src="/vendors/Chart.js/dist/Chart.min.js"></script>
<!-- gauge.js -->
<script src="/vendors/bernii/gauge.js/dist/gauge.min.js"></script>
<!-- bootstrap-progressbar -->
<script src="/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
<!-- iCheck -->
<script src="/vendors/iCheck/icheck.min.js"></script>
<!-- Skycons -->
<script src="/vendors/skycons/skycons.js"></script>
<!-- Flot -->
<script src="/vendors/Flot/jquery.flot.js"></script>
<script src="/vendors/Flot/jquery.flot.pie.js"></script>
<script src="/vendors/Flot/jquery.flot.time.js"></script>
<script src="/vendors/Flot/jquery.flot.stack.js"></script>
<script src="/vendors/Flot/jquery.flot.resize.js"></script>

<!-- Flot plugins -->
<script src="/js/flot/jquery.flot.orderBars.js"></script>
<script src="/js/flot/date.js"></script>
<script src="/js/flot/jquery.flot.spline.js"></script>
<script src="/js/flot/curvedLines.js"></script>
<!-- jVectorMap -->
<script src="/js/maps/jquery-jvectormap-2.0.3.min.js"></script>
<!-- bootstrap-daterangepicker -->
<script src="/js/moment/moment.min.js"></script>
<script src="/js/datepicker/daterangepicker.js"></script>

<!-- Custom Theme Scripts -->
<script src="/js/custom.js"></script>

<script>
  $(document).ready(function () {
    $("#me-info").click()
  })
</script>
  <script src="/js/packages/require.js" data-main="/js/report/report"></script>  
  </body>
</html>

